/**
 *
 * @package Maupassant
 * @author cho
 * @version 2.0
 * @link http://chopstack.com
 */
/*
pure css setting
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
*/
html, button, input, select, textarea,
.pure-g [class*="pure-u"]{
    /* Set your content font stack here: */
    font-family:"PingFangSC-Regular", Helvetica, "Helvetica Neue", "Segoe UI", "Hiragino Sans GB", "Source Han Sans CN", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", sans-serif;
}
body{
    background-color:#fff;
    color:#444;
    font-family:"TIBch", "Classic Grotesque W01", "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.body_container{
    padding:0 60px;
    max-width:1150px;
    margin:0 auto;
}
.content_container{
    padding-right:50px;
    padding-top:20px;
}
a, button.submit{
    color:#6e7173;
    text-decoration:none;
    transition:all .1s ease-in;
}
a:focus{
    outline:auto;
}
.clear{
    clear:both;
}
div{
    box-sizing:border-box;
}
#header{
    padding:35px 0 0;
    text-align:left;
    border-bottom:1px solid #ddd;
    position:relative;
}
#header .site-name{
    margin-bottom:35px;
}
#header .site-name h1{
    padding:0;
    margin:0;
    height:0;
    overflow:hidden;
}
#header .site-name #logo{
    font:bold 25px/1.12 "Times New Roman", Georgia, Times, sans-serif;
    color:#555;
}
#header .site-name #logo span, #header .site-name #logo:hover{
    color:#777;
}
#header .site-name .description{
    margin:.2em 0 0;
    color:#999;
}
#header #nav-menu{
    margin:10px 0 -1px;
    padding:0;
    position:absolute;
    right:0;
    bottom:0;
}
#header #nav-menu a{
    display:inline-block;
    padding:3px 20px 3px;
    line-height:30px;
    color:#444;
    font-size:13px;
    border:1px solid transparent;
}
#header #nav-menu a:hover{
    border-bottom-color:#444;
}
#header #nav-menu a.current{
    border:1px solid #ddd;
    border-bottom-color:#fff;
}
#sidebar{
    border-left:1px solid #ddd;
    padding-left:35px;
    margin-top:40px;
    padding-bottom:20px;
    word-wrap:break-word;
}
#sidebar .widget{
    margin-bottom:30px;
}
#sidebar .widget .widget-title{
    color:#6e7173;
    line-height:2.7;
    margin-top:0;
    font-size:16px;
    border-bottom:1px solid #ddd;
    display:block;
    font-weight:normal;
}
#sidebar .widget .comments-title{
    color:#6e7173;
    line-height:2.7;
    margin-top:0;
    font-size:16px;
    border-bottom:0px solid #ddd;
    display:block;
    font-weight:normal;
}
#sidebar .widget .tagcloud{
    margin-top:10px;
}
#sidebar .widget .tagcloud a{
    line-height:1.5;
    padding:5px;
}
#sidebar .widget ul{
    list-style:none;
    padding:0;
}
#sidebar .widget ul li{
    margin:5px 0;
    line-height:1.5;
}
#sidebar .widget .category-list-count{
    padding-left:5px;
    color:#6e7173;
}
#sidebar .widget .category-list-count:before{
    content:"(";
}
#sidebar .widget .category-list-count:after{
    content:")";
}
#sidebar .widget .search-form{
    position:relative;
    overflow:hidden;
}
#sidebar .widget .search-form input{
    background:#fff 8px 8px no-repeat url(%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);
    padding:7px 11px 7px 28px;
    line-height:16px;
    border:1px solid #bbb;
    width:65%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
/* title for search result or tagged posts*/
.label-title{
    margin-top:1.1em;
    font-size:20px;
    font-weight:normal;
    color:#888;
}
.post{
    padding:25px 0 15px;
}
.post .post-title{
    margin:0;
    color:#555;
    text-align:left;
    font:bold 25px/1.1 "ff-tisa-web-pro", Cambria, "Times New Roman", Georgia, Times, sans-serif;
}
.post .post-title a{
    color:#555;
}
.post .post-meta{
    padding:0;
    margin:15px 0 0;
    color:#6e7173;
    float:left;
    display:inline;
    text-indent:.15em;
}
.post .post-meta:before{
    font-family:"FontAwesome";
    content:"\f073";
    padding-right:0.3em;
}
.post .post-meta .category:before{
    font-family:"FontAwesome";
    content:"\f07c";
    padding-right:0.3em;
}
.post .post-meta #busuanzi_value_page_pv:before{
    font-family:"FontAwesome";
    content:"\f024";
    padding-right:0.3em;
}
.post .ds-thread-count{
    padding:0;
    margin:15px 0 0;
    color:#6e7173;
    float:right;
    display:inline;
    text-indent:.15em;
}
.post .ds-thread-count:before{
    font-family:"FontAwesome";
    content:"\f0e5";
    padding-right:0.3em;
}
.post .ds-thread-count:hover{
    color:#444;
}
.post .disqus-comment-count{
    padding:0;
    margin:15px 0 0;
    color:#6e7173;
    float:right;
    display:inline;
    text-indent:.15em;
}
.post .disqus-comment-count:before{
    font-family:"FontAwesome";
    content:"\f0e5";
    padding-right:0.3em;
}
.post .disqus-comment-count:hover{
    color:#444;
}
.post .post-content{
    clear:left;
    font-size:15px;
    line-height:1.77;
    color:#444;
    padding-top:15px;
    text-align:justify;
    text-justify:distribute;
    word-break:normal;
}
.post .post-content h2{
    margin:1.4em 0 1.1em;
    border-bottom:1px solid #eee;
    overflow:hidden;
}
.post .post-content h3{
    margin:1.4em 0 1.1em;
}
.post .post-content pre code{
    padding:0 2em;
}
.post .post-content p{
    margin:0 0 1.234em;
}
.post .post-content p code{
    display:inline-block;
    margin:0 5px;
    padding:0 5px;
    background:#f7f8f8;
}
.post .post-content p a{
    color:#01579f;
    padding-bottom:2px;
    word-break:break-all;
}
.post .post-content p a:hover{
    text-decoration:underline;
}
.post .post-content p .caption{
    color:#444;
    display:block;
    font-size:0.9em;
    margin-top:0.1em;
    position:relative;
    text-align:center;
}
.post .post-content hr{
    margin:2.4em auto;
    border:none;
    border-top:1px solid #eee;
    position:relative;
}
.post .post-content img{
    max-width:100%;
    padding:0.5em 0;
    margin:auto;
    display:block;
}
.post .post-content ul, .post .post-content ol{
    border-radius:3px;
    margin:1em 0;
}
.post .post-content ul ul, .post .post-content ol ul{
    margin:0;
}
.post .post-content ul code, .post .post-content ol code{
    display:inline-block;
    margin:0 5px;
    padding:0px 5px;
    background:#f7f8f8;
}
.post .post-content ul a, .post .post-content ol a{
    color:#01579f;
    padding-bottom:2px;
    word-break:break-all;
}
.post .post-content ul a:hover, .post .post-content ol a:hover{
    text-decoration:underline;
}
.post .tags{
    padding-bottom:1em;
}
.post .tags a{
    margin-right:.5em;
}
.post .tags a:before{
    font-family:"FontAwesome";
    content:"\f0c6";
    padding-right:0.3em;
}
.page-navigator{
    border-top:1px solid #ddd;
    list-style:none;
    margin-top:25px;
    padding:25px 0 0;
    font-size:14px;
    text-align:center;
}
.page-navigator .page-number{
    display:inline-block;
    margin:0 5px 5px 0;
}
.page-navigator a, .page-navigator span{
    display:inline-block;
    height:25px;
    line-height:25px;
    padding:5px 9px;
    border:1px solid #ddd;
    text-align:center;
}
.page-navigator a:hover, .page-navigator span:hover{
    background:#f8f8f8;
    border-bottom-color:#d26911;
}
.page-navigator a.prev, .page-navigator span.prev{
    float:left;
}
.page-navigator a.prev:before, .page-navigator span.prev:before{
    font-family:"FontAwesome";
    content:"\f100";
    padding-right:0.3em;
}
.page-navigator a.next, .page-navigator span.next{
    float:right;
}
.page-navigator a.next:after, .page-navigator span.next:after{
    font-family:"FontAwesome";
    content:"\f101";
    padding-left:0.3em;
}
.page-navigator .current{
    background:#f8f8f8;
    border-bottom-color:#d26911;
}
.page-navigator .space{
    border:none;
    padding:5px 5px;
}
#footer{
    padding:.8em 0 3.6em;
    margin-top:1em;
    line-height:2.5;
    color:#6e7173;
    text-align:center;
}
#footer span{
    font-size:.9em;
}
/* for archive page starts*/
.post-archive{
    font-size:15px;
    line-height:2;
    padding-bottom:.8em;
}
.post-archive h2{
    margin:0;
    font:bold 25px / 1.1 "ff-tisa-web-pro", Cambria, "Times New Roman", Georgia, Times, sans-serif;
}
.post-archive .date{
    padding-right:.7em;
}
/* for archive page ends*/
/* middle*/
@media print, screen and (max-width:48em){
    .body_container{
        padding:0 30px;
    }
    .content_container{
        padding-right:15px;
    }
    .hidden_mid_and_down{
        display:none !important;
    }
    #sidebar{
        border-left-width:0px;
    }
    #header .site-name{
        margin-bottom:20px;
        text-align:center;
    }
    #header #nav-menu{
        position:relative;
        text-align:center;
    }
    #header #nav-menu a{
        padding:0 15px;
        line-height:27px;
        height:27px;
        font-size:13px;
    }
}
/* small*/
@media print, screen and (max-width:35.5em){
    .body_container{
        padding:0 20px;
    }
    .content_container{
        padding-right:0;
    }
}
blockquote, .stressed{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:2.5em 0;
    padding:0 0 0 50px;
    color:#555;
    border-left:none;
}
blockquote:before, .stressed-quote:before{
    content:"\201C";
    display:block;
    font-family:times;
    font-style:normal;
    font-size:48px;
    color:#444;
    font-weight:bold;
    line-height:30px;
    margin-left:-50px;
    position:absolute;
}
pre{
    margin:2em 0;
}
.hidden1{
    display:none;
}
/* back-to-top rocket*/
@media print, screen and (min-width:48em){
    #rocket{
        position:fixed;
        right:50px;
        bottom:50px;
        display:block;
        visibility:hidden;
        width:26px;
        height:48px;
        background:url("") no-repeat 50% 0;
        opacity:0;
        -webkit-transition:visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        -moz-transition:visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
        transition:visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    }
    #rocket i{
        display:block;
        margin-top:48px;
        height:14px;
        background:url("") no-repeat 50% -48px;
        opacity:.5;
        -webkit-transition:-webkit-transform .2s;
        -moz-transition:-moz-transform .2s;
        transition:transform .2s;
        -webkit-transform-origin:50% 0;
        -moz-transform-origin:50% 0;
        transform-origin:50% 0;
    }
    #rocket:hover{
        background-position:50% -62px;
    }
    #rocket:hover i{
        background-position:50% 100%;
        -webkit-animation:flaming .7s infinite;
        -moz-animation:flaming .7s infinite;
        animation:flaming .7s infinite;
    }
    #rocket.show{
        visibility:visible;
        opacity:1;
    }
    #rocket.launch{
        background-position:50% -62px;
        opacity:0;
        -webkit-transform:translateY(-500px);
        -moz-transform:translateY(-500px);
        -ms-transform:translateY(-500px);
        transform:translateY(-500px);
        pointer-events:none;
    }
    #rocket.launch i{
        background-position:50% 100%;
        -webkit-transform:scale(1.4, 3.2);
        -moz-transform:scale(1.4, 3.2);
        transform:scale(1.4, 3.2);
    }
}
/* read more*/
p.readmore a{
    font-size:14px;
    color:#444;
    margin:-10px 0;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:5px;
    float:right;
}
p.readmore a:after{
    font-family:"FontAwesome";
    content:"\f101";
    padding-left:0.3em;
}
p.readmore a:hover{
    background:#f8f8f8;
    border-bottom-color:#d26911;
}
/* post navigator*/
.post-nav{
    overflow:hidden;
    margin-top:15px;
    margin-bottom:20px;
    padding:10px;
    white-space:nowrap;
    border-top:1px solid #eee;
}
.post-nav a{
    display:inline-block;
    line-height:25px;
    font-size:15px;
    color:#555;
    border-bottom:none;
    float:left;
}
.post-nav a.pre{
    float:left;
}
.post-nav a.pre:before{
    font-family:"FontAwesome";
    content:"\f0d9";
    padding-right:0.3em;
}
.post-nav a.next{
    float:right;
}
.post-nav a.next:after{
    font-family:"FontAwesome";
    content:"\f0da";
    padding-left:0.3em;
}
.post-nav a:hover{
    border-bottom:none;
    color:#222;
}
/* toc*/
.toc-article{
    border:1px solid #bbb;
    border-radius:7px;
    margin:1.1em 0 0 2em;
    padding:0.7em 0.7em 0 0.7em;
    max-width:40%;
}
.toc-title{
    font-size:120%;
}
#toc{
    line-height:1em;
    float:right;
}
#toc .toc{
    padding:0;
    margin:0.5em;
    line-height:1.8em;
}
#toc .toc li{
    list-style-type:none;
}
#toc .toc-child{
    margin-left:1em;
    padding-left:0;
}
/* table*/
table{
    margin:auto auto 15px;
    width:100%;
    background:transparent;
    border-collapse:collapse;
    border-spacing:0;
    text-align:left;
}
table th{
    font-weight:bold;
    padding:5px 10px;
    border-bottom:2px solid #909ba2;
}
table td{
    padding:5px 10px;
}
table tr:nth-child(2n){
    background:#f7f8f8;
}
/* search result*/
ul.search-result-list{
    padding-left:10px;
}
a.search-result-title{
    font-weight:bold;
    font-size:15px;
    color:#555;
}
p.search-result{
    color:#444;
    text-align:justify;
}
em.search-keyword{
    font-weight:bold;
    font-style:normal;
    color:#01579f;
}
/* Disqus Button */
.disqus_click_btn{
    line-height:30px;
    margin:0;
    min-width:50px;
    padding:0 14px;
    display:inline-block;
    font-family:"Roboto", "Helvetica", "Arial", sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    overflow:hidden;
    will-change:box-shadow;
    transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline:0;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    border:0;
    background:rgba(158, 158, 158, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color:#fff;
    background-color:#999;
    text-shadow:0;
}
.header-nav .fa{
    margin-right:5px;
}